<template>
  <div class="left">
    <h2>Left组件</h2>
    <button @click="abc">发送数据</button>
    <Article></Article>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: 'zs',
      age: 30
    }
  },
  methods: {
    abc() {
      this.age++
      // 调用  $emit() 来发送数据
      // this.$emit('事件名', '值', '值', ......)
      // 事件名，在父组件中使用
      this.$emit('passVal', this.username, this.age)
    }
  }
}
</script>

<style lang="less" scoped>
.left {
  background-color: darkorange;
}
</style>
